@mixin margin() {
	margin-left: 25rpx;
	margin-right: 25rpx;
}

@mixin point() {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}

@mixin justify() {
	display: -webkit-flex;
	/* Safari */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

@mixin center() {
	display: flex;
	justify-content: center;
	/* 水平居中 */
	align-items: center;
	/* 垂直居中 */
}

@mixin point2() {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}

.cheyuancss {
	background: #F6F6F6;
}

.search-bar {
	padding: 0 24rpx;
	width: 750rpx;
	height: 92rpx;
	background: rgba(251, 209, 31, 1);
  /deep/ .u-sticky{
    z-index: 9999999 !important;
  }
}

.echart {
	margin-top: 23rpx;

	.tool-group {
		margin: 0 auto;
		width: 702rpx;
		background: rgba(255, 255, 255, 1);
		// box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
		border-radius: 10rpx;
    padding-top: 10rpx;

		.title {
			padding: 0 32rpx;
			overflow: hidden;
			height: 99rpx;
			border-bottom: 2rpx solid #EEEEEE;
			line-height: 99rpx;

			.left {
				float: left;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: rgba(52, 52, 52, 1);

				.gray {
					font-size: 26rpx;
					color: #9A9A9A;

				}
			}

			.right {
        display: flex;
				float: right;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: rgba(102, 102, 102, 1);
       }
		}
	}
}

// 时间
.time {
	width: 480rpx;
	height: 78rpx;
	background: rgba(255, 255, 255, 1);
	border-radius: 39rpx;
	margin: 26rpx auto 20rpx;
	@include center;
  border-image: linear-gradient(-6deg, #EFEFEF, #FFFFFF) 1 1;
  box-shadow: 4rpx 5rpx 14rpx 0px #E1E1E1, -4rpx -6rpx 15rpx 0px #FFFFFF;

	.li {
		width: 33%;
		text-align: center;
		font-size: 29rpx;
		height: 78rpx;
		line-height: 78rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(154, 154, 154, 1);

		&.active {
      width: 200rpx;
      height: 78rpx;
      background: #FFFFFF;
      border-image: linear-gradient(-6deg, #EFEFEF, #FFFFFF) 1 1;
      box-shadow: 4rpx 5rpx 14rpx 0px #DFDFDF, -4rpx -6rpx 15rpx 0px #FFFFFF;
      opacity: 0.8;
      border-radius: 39rpx;
		}
	}
}

// 统计
.chart {
	padding-left: 33rpx;
	height: 392rpx;

	.top {
		overflow: hidden;
		height: 328rpx;
		width: 100%;
		position: relative;

		.scale {
			width: 90rpx;
			height: 100%;
			float: left;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: rgba(154, 154, 154, 1);
			position: absolute;
			bottom: -12rpx;

			.scale-li {
				image {
					margin-top: 10rpx;
					width: 20rpx;
					height: 42rpx;
				}

				&:last-child {
					.icon {
						display: none;
					}
				}
			}
		}

		.content {
			width: 580rpx;
			float: left;
			margin-left: 90rpx;

			.num {
				@include center;

				.number {
					font-size: 34rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: rgba(235, 92, 2, 1);
				}

				.icon {
					@include center;

					image {
						width: 100%;
						height: 100%;
					}
				}
			}

			.line {
				.bar-line {
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					margin: 0 auto;
				}

				height: 319rpx;
				width: 33%;
				text-align: center;
				float: left;
				position: relative;

				.bar {
					margin: 0 auto;
					width: 24rpx;
					background: linear-gradient(0deg, rgba(255, 226, 62, 1), rgba(255, 129, 49, 1));
					border-radius: 12px 13px 0px 0px;
				}
			}
		}
	}

	.bottom {
		overflow: hidden;
		padding-left: 90rpx;
		width: 670rpx;

		.name {
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: rgba(102, 102, 102, 1);
			float: left;
			width: 33%;
			text-align: center;
		}
	}
}


.top-bar {
	padding: 0 66rpx;
	@include justify;
	width: 702rpx;
	height: 168rpx;
	background: rgba(255, 255, 255, 1);
	// box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
	border-radius: 10rpx;
	margin: 24rpx auto;

	.li {
		float: left;
		text-align: center;

		.icon {
			width: 79rpx;
			height: 79rpx;
			margin: 24rpx auto 10rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.name {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
		}
	}
}

.list-total {
	.big-title {
		margin: 31rpx 26rpx;
		font-size: 34rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
	}
}
.mainsyy{
  border-radius: 0rpx 0rpx 10rpx 10rpx;
  background-color: #FFFFFF;
  width: 702rpx;
  margin: 40rpx auto;
  height: 85vh;
	.li {
		margin: 0 20rpx;
		padding: 20rpx 0 30rpx;
		overflow: hidden;

		.good-img {
			width: 220rpx;
			height: 147rpx;
			border-radius: 10rpx;
			overflow: hidden;
			float: left;

			image {
				width: 220rpx;
				height: 147rpx;
			}
		}

		.info {
			width: 420rpx;
			float: right;

			
			.title {
				@include point;
				-webkit-line-clamp: 2;
				font-size: 30rpx;
				color: rgba(51, 51, 51, 1);
			  .brandtitle{
			    color: rgba(51, 51, 51, 1);
			    font-weight: bold;
			  }
			  .bolue{
			    font-weight: 500;
          margin-left: 10rpx;
			  }
			}
			.price {
				font-size: 34rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: rgba(235, 92, 2, 1);
				margin: 15rpx 0;
			}

			.zhidao-price {
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: rgba(102, 102, 102, 1);
			}
		}

	}
}
.mains {
  // padding: 0 24rpx;
  // border-top: 1px solid #EEEEEE;
    // box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
  border-radius: 0rpx 0rpx 10rpx 10rpx;
  background-color: #FFFFFF;
  width: 702rpx;
  margin: 0 auto;
  height: 85vh;
	.li {
		margin: 0 20rpx;
		padding: 20rpx 0 30rpx;
		overflow: hidden;

		.good-img {
			width: 220rpx;
			height: 147rpx;
			border-radius: 10rpx;
			overflow: hidden;
			float: left;

			image {
				width: 220rpx;
				height: 147rpx;
			}
		}

		.info {
			width: 420rpx;
			float: right;

      .title {
				@include point;
				-webkit-line-clamp: 2;
				font-size: 30rpx;
				color: rgba(51, 51, 51, 1);
        .brandtitle{
          color: rgba(51, 51, 51, 1);
          font-weight: bold;
        }
        .bolue{
			    font-weight: 500;
          margin-left: 10rpx;
        }
			}

			.price {
				font-size: 34rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: rgba(235, 92, 2, 1);
				margin: 15rpx 0;
			}

			.zhidao-price {
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: rgba(102, 102, 102, 1);
			}
		}

	}
}
// 筛选选中样式
// 点击打开
.topBox{
  // border: 1px solid;
    /deep/ .u-dropdown__content__mask{
      position: relative;
      height: 100vh;
      width: 100%;
    }
}
// 默认关闭
.topBoxst{
  // border: 1px solid red;
  /deep/ .u-dropdown__content__mask{
    position: relative;
    height: 0vh;
    width: 100%;
  }
}
.slot-content {
		background-color: #FFFFFF;
		padding: 24rpx;
    border-radius: 0px 0px 20rpx 20rpx;
    // position: absolute;
    // width: 100%;
		.Merctype{
      font-size: 30rpx;
      font-family: PingFang SC;
      font-weight: bold;
      color: #333333;
    }
		.item-box {
			margin-bottom: 30rpx;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
      padding-bottom: 28rpx;
      border-bottom: 1px solid #EEEEEE;
			
			.item {
				color: #666666;
				padding: 16rpx 40rpx;
				border-radius: 100rpx;
				margin-top: 30rpx;
        background: #F4F4F4;
        margin-right: 20rpx;
			}
       
       // 选中之后
			.active {
				color: #333333;
        background: linear-gradient(-90deg, #FDD422, #FFE23E);
			}
		}
    .item-asce{
			margin-bottom: 30rpx;
			display: flex;
			flex-wrap: wrap;
			// justify-content: space-between;
      padding-bottom: 28rpx;
			
			.item {
        margin-right: 20rpx;
				color: #666666;
				padding: 16rpx 40rpx;
				border-radius: 100rpx;
        background: #F4F4F4;
			}
       // 选中之后
			.active {
				color: #333333;
        background: linear-gradient(-90deg, #FDD422, #FFE23E);
			}
    }
	}

// .choose-criteria {
	.swiper-item{
    /deep/ .u-dropdown{
      position: relative;
    }
    /deep/ .u-dropdown__menu{
      background-color: #FFFFFF;
      width: 702rpx;
      margin: 0 auto;
    }
    /deep/ .u-dropdown__content{
        overflow: inherit !important;
    }
  }
	.swiper-itembgs{
    // height: 95vh;
    // border: 1px solid red;
    // height: 80rpx;
    // position: relative;
    // z-index: 9;
    // background: #FFFFFF;
    /deep/ .u-dropdown{
      // position: sticky;
      // top: 176rpx;
      // z-index: 999;
      background: #FFFFFF;
      position: relative;
      top:0rpx;
    }
      /deep/ .u-dropdown__content{
          overflow: inherit !important;
          // position: inherit !important;
      }
    /deep/ .u-dropdown__menu{
      background-color: #FFFFFF;
      width: 702rpx;
      margin: 0 auto;
    }
  }
// }
.btnbox{
  text-align: center;
    .btn1{
      width: 331rpx;
      height: 88rpx;
      background: #333333;
      border-radius: 44rpx 0px 0px 44rpx;
      
      font-size: 32rpx;
      color: #FFE23E;
      line-height: 88rpx;
    }
    .btn2{
      width: 331rpx;
      height: 88rpx;
      background: linear-gradient(-90deg, #FDD421, #FFE23E);
      border-radius: 0px 44rpx 44rpx 0px;
      font-size: 32rpx;
      color: #333333;
      line-height: 88rpx;
    }
}



// 品牌选择样式
.boxsds{
  background-color: #FFFFFF;
}
// .scroller {
// 	height: 100vh;
// }
.abcd {
	padding: 10rpx 0rpx;
}
.Brandcss {
	background: rgba(255, 255, 255, 1);
	border-radius: 10rpx;
}
.list-cell {
	box-sizing: border-box;
	width: 100%;
	padding: 10rpx 0px 0px 0px;
	overflow: hidden;
	color: #323233;
	font-size: 14px;
	line-height: 24px;
	background-color: #fff;
	border-bottom: 1px solid #EEEEEE;
}
.brandcss {
	display: flex;
	flex-direction: row;
}
.iconimg {
	image {
		width: 66rpx;
		height: 66rpx;
	}
}
.branname {
	text-align: left;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(102, 102, 102, 1);
	line-height: 80rpx;
	margin-left: 50rpx;
	width: 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.brannameZT{
	text-align: left;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FBB000;
	line-height: 80rpx;
	margin-left: 50rpx;
	width: 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.area{
	text-align: left;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(102, 102, 102, 1);
	line-height: 80rpx;
	width: 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.allbran{
	line-height: 80rpx;
	width: 56%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
  font-size: 36rpx;
  color: #666666;
}
.allbrancolor{
	line-height: 80rpx;
	width: 56%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
  font-size: 36rpx;
  color: #FBB000;
}
.alladdress{
	line-height: 80rpx;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
  border-bottom: 1px solid #EEEEEE;
}
.carnum{
	margin-top: 10rpx;
  width: 30%;
  text-align: right;
  font-size: 32rpx;
  color: #666666;
}
.Spin{
  width: 100rpx;
  padding-left: 30rpx;
}
/* 下展*/
.ppjiantougo {
	margin-top: 10rpx;
  width: 10%;
  text-align: center;
  font-size: 32rpx;
  color: #666666;
	transform: rotate(90deg);
  transition: 0.5s;
  padding-right: 20rpx;
}
/* 折叠 */
.ppjiantou {
	margin-top: 10rpx;
  width: 10%;
  text-align: center;
  font-size: 32rpx;
  color: #666666;
	transform: rotate(0deg);
  transition: 0.5s;
  padding-right: 20rpx;
}
.cartycss {
	display: flex;
	flex-direction: row;
}
.xiliename {
	text-align: left;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(102, 102, 102, 1);
	line-height: 80rpx;
	margin-left: 114rpx;
	width: 520rpx;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.xilienamezt{
	text-align: left;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FBB000;
	line-height: 80rpx;
	margin-left: 114rpx;
	width: 520rpx;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.peizhibox {

	.peizhicss {
		background: #F6F6F6;
		border-radius: 10rpx;
		padding: 22rpx;
		width: 642rpx;

		.peizhi {
			padding: 4rpx 0rpx;
      display: flex;
      flex-direction: row;

			/* 未选 */
			.peizhixz {
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #666666;
				margin-top: 3rpx;

				image {
					margin-left: 16rpx;
					width: 40rpx;
					height: 40rpx;
					transform: rotate(-90deg);
				}
			}

			/* 已选配置 */
			.peizhigo {
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #666666;
				margin-top: 3rpx;

				image {
					margin-left: 16rpx;
					width: 40rpx;
					height: 40rpx;
					transform: rotate(0deg);
				}
			}

			.peizhiname {
				text-align: left;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #666666;
				margin-left: 90rpx;
				width: 520rpx;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
			}
		}
	}
}
.floor {
	position: fixed;
	top: 50rpx;
	right: 10rpx;
  font-size: 24rpx;
  font-weight: bold;
  color: #FBB000;
}
//默认图
.defaultMap{
  padding-top: 100rpx;
  width: 100%;
  height: 85vh;
  text-align: center;
    image{
      width: 263rpx;
      height: 277rpx;
    }
    .texna{
      font-size: 28rpx;
      color: #999999;
    }
}